@charset "utf-8";
/* CSS Document */
html, body, div, span, Tahomat, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ul {
list-style: none;
}
/* tables still need 'cellspacing="0″' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}


/*MIS ESTILOS */
body{
	/*font-family:"Trebuchet MS", "Myriad Pro", Arial, sans-serif;*/
	font-family:Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; 
	font-size:11px;
	background:#f4f4f4 url(../images/bg.gif) repeat top left;
	color:#444;
	overflow-y:scroll;
	height: 100%;
	

}

article tab{
	color:#222 !important;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    }
	
	header, footer, aside, nav, article {
	display: block;
}

h1{font-size:35px;font-weight:bold; font-family:hand !important;}
h2{font-size:25px;font-weight:bold; font-family:hand !important;}
h3{font-size:18px;}
h4{font-size:14px;}
/*h1,h2,h3,h4{
	font-weight:bold; font-family:hand !important;
}*/

/*creamos nueva fuente*/
@font-face { 
   font-family: chunk;
   src: url(font/Chunk.ttf) format('truetype');
 }
 
 @font-face { 
   font-family: hand;
   src: url(font/TGEB.ttf) format('truetype');
 }
 
 @font-face { 
   font-family: Tahoma;
   src: url(font/Tahoma.ttf) format('truetype');
 }	

/**/
#envoltura{
	display: table;
    height: 100%;
    width: 100%;
    margin: 0;
	
	

	
}


.limpiador{
	clear:both;
}

.naranja{
	color:#FFA800;
}

#contenedor{
		
	display: table-cell;
    vertical-align: middle;
    position: relative;
    
	
}

#contenido{
	background-color:#FFF;
	border:solid 1px #bbb;
	width:950px;
	min-width:950px;
	height:600px;
	min-height:600px;
	margin:0px auto;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	
	-moz-box-shadow:1px 1px 6px #888;
	-webkit-box-shadow:2px 1px 6px #888;
	box-shadow:1px 1px 6px #888;	
}

#contenido-sup{
	color:#FFF;
	background:#444 url(../images/bg_dark2.png) repeat top left;
	-moz-border-radius: 20px 20px 0px 0px;
	-webkit-border-radius: 20px 20px 0px 0px;
	border-radius: 20px 20px 0px 0px;
	height:60px;
	min-height:60px;
	border-bottom:solid 1px #222;
	border-top:solid 1px #666;
	font-family:hand;
	font-size:1.1em;
}

#contenido-sup img{
	height:40px;
	margin:15px 20px auto 30px;
	float:left;
	text-shadow:1px 2px 2px #222;
}
#contenido-sup p{
	margin:35px 20px auto 20px;
	float:right;
	text-shadow:1px 2px 2px #000;
}
#contenido-sup a{
	color:#F00;	
	text-decoration:none;
	
}
#contenido-sup a:hover{
	color:#FFA800;	
	text-shadow:none;
}


#contenido-cen{
	position:relative;
	padding:25px;
	height:420px;
	min-height:420px;
	width:709px;
	min-width:709px;
	max-width:709px;
	background:#FFF url(../images/bg_cen.png) repeat top left;
	border-top:solid 2px #FFF;
	border-bottom:solid 1px #666;
	border-right:solid 1px #666;
	
	
	/*text-shadow:1px 1px 1px #CCC !important;*/
	float:left;
	
	z-index:10;
	
}

#contenido-cen h1,#contenido-cen h2{
	text-shadow:1px 1px 2px #888; 
}
#contenido-cen h4,#contenido-cen h3{
	text-shadow:1px 1px 1px #888; 
}
#contenido-cen h3{
	margin-bottom:40px;
}
#contenido-cen .menuDireccion .ui-corner-all,button{
	-moz-box-shadow:1px 2px 4px #bbb;
	-webkit-box-shadow:1px 2px 4px #bbb;
	box-shadow:1px 2px 4px #bbb; }

#contenido-cen ul {
	margin: 0 auto;
	width: 710px;
	list-style: none;
	
}


#contenido-cen ul li {
	float: left;
}

	#contenido-cen ul li a {
	font-family:hand;
	text-shadow:1px 1px 2px #CCC; 
	color:#666;
	
	text-decoration:none;
	display: block;
	width: 100px;
	height:100px;
	font-size: 13px;
	line-height:13px;
	text-align: center;
	border:solid 1px #CCC;
	margin:20px;
	background-color:#FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:1px 2px 7px #bbb;
	-webkit-box-shadow:1px 2px 7px #bbb;
	box-shadow:1px 2px 7px #bbb;
	background-position: center center;		
		
		
	}

		#contenido-cen ul li a:hover {
			color: #FFF;
			background-color:#FFA800;
			border:solid 1px #F60;
		}

		#contenido-cen ul li.selected a {
			color: #fff;
		}
		#contenido-cen h4 {
			margin-bottom:30px;
		}
		
		
aside{
	
	display:block;
	float:right;
	width:168px;
	background:#900 url(../images/bg_red.png) repeat top left;
	position:relative;
	height:451px;
	border-bottom:solid 1px #450505;
	border-right:solid 1px #450505;
	border-top:solid 1px #C44139;
	border-left:solid 1px #C44139;
	padding:10px;
	color:#FFF;
	
	/*text-shadow:1px 1px 1px #272727;*/
}

aside h1,aside h2, aside h3{
	font-family:hand;
	text-shadow:1px 2px 2px #000; 
}

aside #datepicker{
	margin:10px auto 30px -5px;
}
aside .ui-widget,  aside .ui-corner-all{ 
	font-size:10px;
	/*text-shadow:1px 1px 1px #BBB;*/
	/*-moz-box-shadow:1px 1px 5px #222;
	-webkit-box-shadow:1px 1px 5px #222;
	box-shadow:1px 1px 7px #222;*/
}
		
#contenido-inf{
	background:#444 url(../images/bg_dark2.png) repeat top left;
	-moz-border-radius: 0px 0px 20px 20px;
	-webkit-border-radius: 0px 0px 20px 20px;
	border-radius: 0px 0px 20px 20px;
	height:40px;
	min-height:40px;
	color:#BBB;
	
	border-top:solid 1px #666;
	border-bottom:solid 1px #222;
	
}
#contenido-inf p{
	display:block;
	margin: 15px auto;
	font-size:11px;
	text-shadow:1px 2px 2px #222;
	font-family:hand;
	text-align:center;
	
}

nav {
	background:#444 url(../images/bg_dark2.png) repeat top left;
	width: 100%;
	height:21px;
	max-height:21px;
	min-height:21px;
	border-bottom:solid 1px #222;
	border-top:solid 1px #666;
	text-shadow:1px 1px 2px #222;
	
}

nav ul {
	margin: 0 auto;
	width: 950px;
	list-style: none;
	
}


nav ul li {
	float: left;
}

	nav ul li a {
		padding:0px 10px;
		display: block;
		min-width: 100px;
		font-size: 12px;
		line-height:21px;
		text-align: center;
		text-decoration: none;
		border-right:solid 1px #222;
		border-left:solid 1px #666;
		color:#DDD;
		font-family:hand;
		
	}

		nav ul li a:hover {
			color: #fff;
			background-color:#FFA800;
		}

		nav ul li.selected a {
			color: #fff;
		}

#menuDireccion{
	position:absolute;
	display:block;
	bottom:10px;
	left:20px;
}
		
		/*impoirtante*/
		*{
	/*font-family:"Trebuchet MS", "Myriad Pro", Arial, sans-serif;*/
	font-family:Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; 
		}
		
		
		.pegatina{
			position:absolute;
			height:163px;
			width:175px;
			min-height:163px;
			min-width:174px;
			background-image:url(../images/pegatina.png);
			background-repeat: no-repeat;
			z-index:999;
			margin:-170px 902px;
		}


/**************************************************************************************************************************/
/* mis estilos para el formulario
*/
.formulario input[type="text"], .formulario textarea, .formulario select, #file{ 
	position:relative;
	padding: 6px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif !important;;
	min-width: 150px;
	width:98%;
	right:5px;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	-moz-box-shadow: 0px 0px 8px #f0f0f0;
	-webkit-box-shadow: 0px 0px 8px #f0f0f0;
	box-shadow: 0px 0px 8px #f0f0f0;
	}

.formulario textarea {
	position:relative; 
	width: 700px;
	max-width:700px;
	height: 120px;
	max-height: 120px;
	line-height: 150%;
	}

.formulario input[type="text"]:disabled, .formulario textarea:disabled,
.formulario input[type="text"]:disabled, .formulario textarea:disabled{ 
	color:#aaa;
}

.formulario input[type="text"]:hover, .formulario textarea:hover,
.formulario input[type="text"]:focus, .formulario textarea:focus, #file{ 
	
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}
.formulario input[type="submit"]{
	position:absolute;
	display:block;
	bottom:10px;
	right:20px;
	/*text-shadow:1px 1px 1px #AAA;*/
	width:100px;
}
.formulario input[type="text"]:focus,.formulario input[type="password"]:focus, .formulario textarea:focus { 
border-color:#ffa800;}
.formulario.form label { 
	margin-left: 10px; 
	color: #999999; 
	}
.tablaFormulario{
	display: table;
	
	
}

.tablaFormulario td{
	display: table-cell;
	padding:2px  10px 2px 0px;
	
}
		
/**************************************************************************************************************************/
/* AGREGANDO PARA EL CORRECTO FUN CIONAMIENTO DE UI
*/
			#dialog_link span.ui-icon {margin: 4px;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
			.menuDireccion{width:300px; max-width:300px;}
			.menuDireccion ul{width:300px; max-width:300px;}
			.menuDireccion ul#icons {margin: 0; padding: 0;}
			.menuDireccion ul#icons li {margin: 2px 5px; position: relative; padding: 4px 5px; cursor: pointer; float: left;  list-style: none;}
			.menuDireccion #icons span.ui-icon {float: left; margin: 0 4px;}
			
			
			ul#icons {margin: 0; padding: 0;}
			ul#icons li {margin: 0px; position: relative; padding:2px; cursor: pointer; float: left;  list-style: none;}
			#icons span.ui-icon {float: left; margin: 0 0px;}
			
			


/**/
label { display: inline-block; width: 100px; }
legend { padding: 0.5em; }
fieldset fieldset label { display: block; }
#commentForm { width: auto; }
#commentForm label { width: auto; margin-left:1px; }
#commentForm label.error, #commentForm button.submit { margin-left: auto; }
#commentForm fieldset{ padding:10px; }
#commentForm button.submit { }
#commentForm table{position:relative;width:100%;}
#commentForm select,#commentForm input[type="text"]{width:100%;}
#commentForm table td{ padding:2px;width:110px;;min-width:100px;text-align:right;}

	
/*tabs*/
#tabs { height: 540px; margin-bottom:-50px; } 
	.tabs-bottom { position: relative; } 
	.tabs-bottom .ui-tabs-panel { margin:20px; height:450px;max-height:490px; overflow: auto; } 
	.tabs-bottom .ui-tabs-nav { position: absolute !important; left: 0; bottom: 0; right:0; padding: 0 0.2em 0.2em 0; } 
	.tabs-bottom .ui-tabs-nav li { margin-top: -2px !important; margin-bottom: 1px !important; border-top: none; border-bottom-width: 1px; }
	.ui-tabs-selected { margin-top: -3px !important; }


#format { margin: 0px; }
/**/
			
/**************************************************************************************************************************/			
/*PERSONALIZADOS*/
.mensajeAlerta{
	padding:5px;
}




/*LISTADO DE REQUISITOS*/
/* LIST #2 */
.listaRequisitos { width:560px; color:#444;margin:20px; }
.listaRequisitos ol { font-style:italic; font-family:Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; ; font-size:24px;   }
.listaRequisitos ol li { }
.listaRequisitos ol li p { padding:10px; font-style:normal; font-family:Arial;font-size:11px; border-left: 1px solid #999; }
.listaRequisitos ol li p em { display:block;color:#ffa800;font-size:14px;font-weight:bold; }


/*FORMATO PARA LOS ARTICULOS TABS*/
article.tab h2{margin-bottom:20px;text-shadow:1px 2px 2px #CCC;}
article.tab h4{font-size:18px;text-shadow:1px 2px 2px #CCC; font-weight:bold; font-family:hand}
article.tab h4 span{color:#36C;font-size:30px;}
/*EXPERIMENTO SCROLL*/
/*-SCROLL-*/
input{padding: 1px 5px; font:Verdana, Geneva, sans-serif !important;}
select{padding: 1px 5px;}

			
/*ESTILOS TABLAS*/
.tablaTabulacion {
	font-size:10px;
	margin:10px;
	padding:2px;
	position:relative;
	width:100%;
	right:10px;
}
.tablaTabulacion tbody{
	display: block;
	overflow: auto;
	max-height:185px;
}
.tablaTabulacion thead tr{
	position: relative;
	display: block
}
.tablaTabulacion tbody tr :hover{
	cursor:pointer;
	/*background-color:#FFF;*/
}

.tablaTabulacion td{
		display:table-cell;
		padding:10px;
		margin:40px;
		border-right:1px solid #FFE;
	}
	
.tablaTabulacion thead tr .header {
-moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; 		-khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; 	
-moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px;
	
	border-right:1px solid #FFE;
	padding:5px;
	background-image: url(blue/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
.tablaTabulacion thead tr .headerSortUp {
	background-image: url(blue/asc.gif);
}
.tablaTabulacion thead tr .headerSortDown {
	background-image: url(blue/desc.gif);
}
.tablaNotas{
	display: table;
	
	font-size:10px;
	margin:1px;
	position:relative;
	width:100%;
	right:10px;
	border-top:1px solid #666;
	border-left:1px solid #666;
	
}
.tablaNotas thead tr td{
	display: table-cell;
     vertical-align: middle;
     position: relative;
	 
	font-size:11px;
	font-weight:bold;
	background:#888;
	color:#EEE;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	text-align:center;
	
}
.tablaNotas tbody tr td{
  border-bottom:1px solid #666;
  border-right:1px solid #666;
  padding-left:10px;

}
.tablaNotas tbody tr:nth-child(2n+1) {
  background-color: #FEFEFE;
}

.tablaDatos{
	display: table;
	margin:1px;
	position:relative;
	width:102%;
	right:10px;
}

.tablaDatos tbody tr td{
  display: table-cell;

}
.tablaDatos tbody tr th{
  display: table-cell;
  padding:4px;
  text-align:right;
  max-width:120px;
  padding-right:20px;
  font-weight:bold;
}